
html, body, div {
  margin: 0;
  padding: 0;
}

body {
	font:10px/2em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background:#f8f8f8;
	padding:16px;
}

.clearer {
	display:block;
	float:none !important;
	clear: both;
	width:0; height:0;
	margin:0; padding:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
}

* html .clearer { display:inline; }

.floater {
	display:inline;
	float:left;
}

.hidden, .template { display:none }

.descr { font-weight:normal }

#logout {
	position:absolute;
	top:4px;
	right:4px;
}

#logout form {margin:0}

#editor, .editor {
	position:relative;
	display:block;
	margin:16px 0;
	padding:0;
	width:100%;
}

fieldset {
	border: 1px solid #919B9C;
	font-family: Verdana, Arial;
	font-size: 10px;
	margin: 0;
	padding: 4px;
	width:auto;
}

legend {
	color: #333;
	font-weight: bold;
}

fieldset div { margin:8px 8px; }

fieldset.spaced { margin: 0 0 8px 0 }

form {margin:8px 0; }

table {
	border-collapse:collapse;
	border:1px solid #888;
	margin:8px 0;
}

thead td {
	height:16px;
	border:1px solid #ccc;
	background-color:#aaa;
	color:#fff;
	font-weight:bold;
	line-height:16px;
	padding:0 8px;
}

thead .filters { 
	float:left;
	display:inline;
	height:20px;
	margin:0 4px 0 0;
}

table.filtered .object { display:none }

thead td a, thead td a:link, thead td a:visited {
	color:#fff;
}

thead td a:hover {
	color:#333;
	text-decoration:underline;
}

tbody td {
	line-height:16px;
	border:1px solid #ccc;
	padding:3px 8px;
}

input, div.input {
	background: #fff;
}

tr.odd { background:#eee }

td, input, select, textarea, div.input, button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

input, label, p, div.label, div.input, select, button {
	margin:4px 2px;
	line-height:auto;
}

input, select, textarea, div.input, button {
	border: 1px solid #888;
}

input, select, button {
	margin-bottom:0;
	font-weight:bold;
}

input, button { /* margin-top:0; */ margin-bottom:0; vertical-align:baseline; /* vertical-align: text-bottom; */}

input.basic {
	margin:0;
	border:0 none;
	background:transparent;
}

div.input {
	padding:0;
	line-height:14px;
	min-height:14px;
}

* html div.input { height:14px }

div.input a {
	color:#000;
	margin:0;
	padding:1px 2px;
	outline:none;
}

div.input a:hover {
	color:#fff;
	background:#333;
	text-decoration:none;
}

.narrow { width:40px;}
.wide { width:300px;}
.xwide { width:95%;}

.input_noborder {
	border: 0;
}

img { border:0 }

label, div.label { 
	font-weight:bold;
}

fieldset form div label { display:block }

label .description, div.label .description { font-weight:normal }

.diags, .error { color:#f00; }
.success { color:#090; }

input.radio {
	border: 1px none #000000;
	background-color: transparent;
	vertical-align: middle;
}

input.checkbox {
	border: 1px none #000000;
	background-color: transparent;
	vertical-align: middle;
}

/* thumbs */

.thumb {
	float:left;
	margin-right:20px;
	margin-bottom:12px;
	overflow:hidden;
	height:140px;
}

.thumb a, .thumb a:hover {
	text-decoration:none;
}

.thumb a img {
	display:block;
	border:1px solid #000;
}

.thumb a:hover img {
	border:1px solid #F60;
}

.thumb .fn {
	margin:0; 
	padding:0;
	font-size:10px;
	line-height:12px;
}
/* Tabs classes */

.tabs {
	float: left;
	width: 100%;
	margin-bottom:0;
	line-height: normal;
	background-image: url("/img/adm/tabs_bg.gif");
}

fieldset .tabs {
	margin-left:4px;
}

.tabs ul {
	margin: 0;
	padding: 0 0 0;
	list-style: none;
}

.tabs li {
	float: left;
	background: url("/img/adm/tab_bg.gif") no-repeat left top;
	margin: 0;
	margin-left: 0;
	margin-right: 2px;
	padding: 0 0 0 10px;
	line-height: 18px;
}

.tabs li.current {
	background: url("/img/adm/tab_sel_bg.gif") no-repeat left top;
	margin-right: 2px;
}

.tabs span {
	float: left;
	display: block;
	background: url("/img/adm/tab_end.gif") no-repeat right top;
	padding: 0px 10px 0 0;
}

.tabs .current span {
	background: url("/img/adm/tab_sel_end.gif") no-repeat right top;
}

.tabs a {
	text-decoration: none;
	font-family: Verdana, Arial;
	font-size: 10px;
}

.tabs a:link, .tabs a:visited, .tabs a:hover {
	color: black;
}

.tabs a:hover {
}

.tabs .current {
}

.tabs .current a, .tabs .current a:link, .tabs .current a:visited {
}

.panel_wrapper div.panel {
	display: none;
}

.panel_wrapper div.current {
	display: block;
	width: 100%;
	overflow: visible; /* Should be auto but that breaks Safari */
}

.panel_wrapper {
	border: 1px solid #919B9C;
	border-top: 0px;
	padding: 10px;
	padding-top: 0;
	margin-top:0;
	clear: both;
	background-color: #fff;
}



a, a:link, a:visited {
	color: #666;
	text-decoration:none;
}

a:hover {
	color: #f60;
	text-decoration:underline;
}


a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


* html .panel_wrapper {
	width: 100%;
}

.column {
	float: left;
}

h1, h2, h3, h4 {
	color: #000;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

h1 {
	display:block;
	position:relative;
	background-color:#fff;
	font-size:20px;
	height:30px;
	line-height:24px;
	text-align:center;
	border:1px solid #888;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}

h2 {
	font-size:14px;
	font-weight:bold;
}

h3 {
	font-size:12px;
	font-weight:bold;
}

h4 {
	font-size:11px;
	font-weight:bold;
}

li {
	font-size:12px;
	font-weight:bold;
}

/* taglist */

div.host {
	margin:0;
	padding:0;
	position:relative;
}

div.taglist {
	display:none;
	position:absolute;
	width:40%;
	max-height:300px;
	overflow:auto;
	left:2px;
	top:15px;
	overflow:auto;
	margin:0;
	padding:8px;
	border:1px solid #000;
	background:#fff;
}

* html div.taglist {
	height:300px;
}

div.taglist div.line { margin:0; padding:0; width:90%; }

div.taglist ul, div.taglist ul li {
	margin:0;
	padding:0;
	list-style:none none;
	clear:both;
}

div.taglist li ul {
	margin-left:16px;
}

div.taglist li.tag {
	margin-left:19px;
}

div.taglist span.toolbox {
	display:none;
	float:left;
	height:20px;
/*	width:100px;*/
/*	background:#ff0;*/
	margin:0;
/*	display:-moz-inline-stack;
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	*display:inline;
*/
	zoom:1;
	z-index:9;
}

div.taglist span.toolbox a.button {
	zoom:1;
	cursor:pointer;
	border: 1px solid #fff;
	background-color:#fff;
}

div.taglist span.toolbox a.button:hover {
/*	border: 1px solid;*/
	border-color: #eee #777 #777 #eee;
}


div.taglist a.tagname {
	display:inline;
	float:left;
	height:20px;
	line-height:20px;
	margin:0 4px 0 0;
	outline:none;
}














/* tagcloud */

div.tagcloud {
	display:none;
	position:absolute;
	max-height:300px;
	overflow:auto;
	left:2px;
	top:15px;
	overflow:auto;
	margin:0;
	padding:8px;
	border:1px solid #000;
	background:#fff;
}

* html div.tagcloud {
	height:300px;
}

div.tagcloud ul {
	list-style:none none;
	margin:0;
	padding:0;
}

div.tagcloud li ul {
	margin-left:16px;
}

div.tagcloud ul li {
	list-style:none none;
	display:inline;
	margin:0 6px;
}

div.tags a, div.tagcloud a {
	white-space:nowrap;
	outline:none;
}

div.tagcloud a {
	color:#000;
	margin:0;
	padding:1px 2px;
	outline:none;
}

div.tagcloud a.selected {
	color:#000;
	margin:0;
	padding:1px 2px;
	outline:none;
	background:#ddd;
}

div.tagcloud a:hover {
	color:#fff;
	background:#333;
	text-decoration:none;
}
















/*		= buttons
-------------------------------------------------------------------------------*/


a.button, div.button {
	float:left;
	display:inline;
	width:18px;
	height:18px;
	border: 1px solid #f8f8f8;
	padding: 0 2px;
	margin:0;
	outline:none;
	background:transparent no-repeat center center;
}

thead a.button, thead div.button {
	border-color:#aaa;
}

.odd a.button, .odd div.button {
	border: 1px solid #eee;
}
/*
div.button {
	border: 1px solid #ccc;
}
*/
a.button:hover {
	border: 1px solid;
	border-color: #fff #777 #777 #fff;
}

a.button span, div.button span {
	display:none;
}

div.buttonbar {
	float:left;
	display:inline;
	height:20px;
	margin:0;
}

a.alone {
	float:none; 
	display:block;
	text-indent:24px; 
	width:auto; 
	background-position:4px center; 
}

a.alone:hover { text-decoration:none }


a.edit, div.edit {	background-image:url(/img/ico/edit.gif); }
a.add, div.add {	background-image:url(/img/ico/plus.gif); }
a.settings, div.settings {	background-image:url(/img/ico/settings.gif); }
a.kill, div.kill {	background-image:url(/img/ico/kill.gif); }
a.editlogin, div.editlogin { 	background-image:url(/img/ico/key.gif); }
a.newlogin, div.newlogin { 	background-image:url(/img/ico/key-new.gif); }
a.visible, div.visible {	background-image:url(/img/ico/eye-on.gif); }
a.hidden, div.hidden {	background-image:url(/img/ico/eye-off.gif); }
a.arrowup, div.arrowup {	background-image:url(/img/ico/arrow-up.gif); }
a.arrowupdis, div.arrowupdis {	background-image:url(/img/ico/arrow-up-dis.gif); }
a.arrowdn, div.arrowdn {	background-image:url(/img/ico/arrow-dn.gif); }
a.arrowdndis, div.arrowdndis {	background-image:url(/img/ico/arrow-dn-dis.gif); }
a.arrowtop, div.arrowtop {	background-image:url(/img/ico/arrow-top.gif); }
a.arrowtopdis, div.arrowtopdis {	background-image:url(/img/ico/arrow-top-dis.gif); }
a.arrowbtm, div.arrowbtm {	background-image:url(/img/ico/arrow-btm.gif); }
a.arrowbtmdis, div.arrowbtmdis {	background-image:url(/img/ico/arrow-btm-dis.gif); }
a.locked, div.locked {	background-image:url(/img/ico/lock-on.gif); }
a.unlocked, div.unlocked {	background-image:url(/img/ico/lock-off.gif); }
a.useron, div.useron {	background-image:url(/img/ico/user-on.gif); }
a.useroff, div.useroff {	background-image:url(/img/ico/user-off.gif); }
a.usermail, div.usermail {	background-image:url(/img/ico/user-mail.gif); }
a.usergrant, div.usergrant {	background-image:url(/img/ico/doc-unlocked.gif); }
a.userrevoke, div.userrevoke {	background-image:url(/img/ico/doc-locked.gif); }
a.photo, div.photo {	background-image:url(/img/ico/photo.gif); }
a.photoon, div.photoon {	background-image:url(/img/ico/photo-on.gif); }
a.photooff, div.photooff {	background-image:url(/img/ico/photo-off.gif); }
a.photoedit, div.photoedit {	background-image:url(/img/ico/photo-edit.gif); }
a.photodisabled, div.photodisabled {	background-image:url(/img/ico/photo-disabled.gif); }
a.poweron, div.poweron {	background-image:url(/img/ico/power-on.gif); }
a.poweroff, div.poweroff {	background-image:url(/img/ico/power-off.gif); }
a.globalon, div.globalon {	background-image:url(/img/ico/global-on.gif); }
a.globaloff, div.globaloff {	background-image:url(/img/ico/global-off.gif); }
a.langon, div.langon {	background-image:url(/img/ico/lang-on.gif); }
a.langoff, div.langoff {	background-image:url(/img/ico/lang-off.gif); }
a.staron, div.staron {	background-image:url(/img/ico/star-on.gif); }
a.staroff, div.staroff {	background-image:url(/img/ico/star-off.gif); }
a.admstaron, div.admstaron {	background-image:url(/img/ico/admstar-on.gif); }
a.admstaroff, div.admstaroff {	background-image:url(/img/ico/admstar-off.gif); }
a.export, div.export {	background-image:url(/img/ico/export.gif); }
a.exportdis, div.exportdis {	background-image:url(/img/ico/export-dis.gif); }
a.import, div.import {	background-image:url(/img/ico/import.gif); }
a.importdis, div.importdis {	background-image:url(/img/ico/import-dis.gif); }

thead a.visible, thead div.visible {	background-image:url(/img/ico/eye-on-dark.gif); }
thead a.hidden, thead div.hidden {	background-image:url(/img/ico/eye-off-dark.gif); }
thead a.poweron, thead div.poweron {	background-image:url(/img/ico/power-on-dark.gif); }
thead a.poweroff, thead div.poweroff {	background-image:url(/img/ico/power-off-dark.gif); }
thead a.globalon, thead div.globalon {	background-image:url(/img/ico/global-on-dark.gif); }
thead a.globaloff, thead div.globaloff {	background-image:url(/img/ico/global-off-dark.gif); }


.import-block {
	position:absolute;
	display:none;
	margin:0;
	padding:2px 8px 4px;
	border:1px solid #777;
	background:#fff;
	z-index:1;
	-moz-box-shadow:2px 2px 5px #444;
	-webkit-box-shadow:2px 2px 5px #444;
	box-shadow:2px 2px 5px #444;
	}	

.import-block .diags { display:none; }

.import-block .diags div { margin: 8px 0; }


.bt {
	display:inline;
	float:left;
	width:12px;
	height:15px;
	border:0 none;
	padding:0;
	margin:3px 4px 0 0;
	outline:none;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
}


.native .list-plus		{ background-image:url(/img/ico-native/list-plus.gif) }
.native .list-minus		{ background-image:url(/img/ico-native/list-minus.gif) }
.native .list-folder		{ background-image:url(/img/ico-native/list-folder.gif); width:15px; }
.native .list-tag			{ background:transparent url(/img/ico-native/list-tag.gif); width:15px; }

.native .list-newtag 	{ background-image:url(/img/ico-native/taglist-newtag.png) }
.native .edit 				{ background-image:url(/img/ico-native/edit.png) }
.native .kill 				{ background-image:url(/img/ico-native/kill.png) }

/*\*/
* html .native .list-newtag, * html .native .edit, * html .native .kill { background-image:none }

* html .native .list-newtag {	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/ico-native/taglist-newtag.png') }
* html .native .edit {	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/ico-native/edit.png') }
* html .native .kill {	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/ico-native/kill.png') }
/**/


/* table dnd */

table.dnd tr.dragging {
	font-weight:bold;
}

table.dnd td.dragHandle {
	background:transparent url(/img/ico/drag-dis.gif) no-repeat center center; 
	cursor:move;
	width:24px;
	padding:0;
}

table.dnd tr.showDragHandle td.dragHandle {
	background-image:url(/img/ico/drag.gif); 
}

/* listDnD */

div.dragHandle {
	display:inline;
	float:left;
	width:18px;
	height:18px;
	background:transparent url(/img/ico/drag-dis.gif) no-repeat center center; 
	margin:0;
	padding:0;
	cursor:move;
	outline:none;
}

div.dragHandle:hover, li.dragging div.dragHandle {
	background-image:url(/img/ico/drag.gif); 
}

li.dragging, li.dragging a { color:#000; }

/* thumbDnD */

li.thumb .toolbar { visibility:hidden; margin:0; }
li.thumb:hover .toolbar { visibility:visible }
li.thumb .dragHandle {	background-image:url(/img/ico/drag4-dis.gif); }
.dragging li.thumb .toolbar * { visibility:hidden }
.dragging li.dragging .toolbar .dragHandle { visibility:visible; background-image:url(/img/ico/drag4.gif); }

.dragging li.thumb a img { border-color:#000 }
.dragging li.dragging a img { border-color:#f60 }


/* jquery tools: tabs */

ul.jt-tabs {  
	margin:0; 
	padding:0;
	height:24px;
	border-bottom:1px solid #919b9c;	 	
}

fieldset ul.jt-tabs { margin:0 8px; }


/* single tab */
ul.jt-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.jt-tabs a { 
	float:left;
	display:block;
	padding:2px 20px;	
	text-decoration:none;
	border:1px solid #919b9c;
	border-bottom:0px;
	height:18px;
	background-color:#eee;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;
	outline:none;
}

ul.jt-tabs a:hover {
	background-color:#fff;
	color:#f60;
}
	
/* selected tab */
ul.jt-tabs a.current {
	background-color:#f8f8f8;
	border-bottom:2px solid #f8f8f8;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.jt-panes { margin:0; }
fieldset div.jt-panes { margin:0 8px; }

div.jt-pane {
	display:none;
	border:1px solid #919b9c;
	border-width:0 1px 1px 1px;
	min-height:50px;
	margin:0;
	padding:12px 16px;
	background-color:#f8f8f8;	
}

/* nav */

.nav {}
	.nav ul.level1 {
		list-style:none none;
		background:#8282a6;
	}
	.nav li.level1 {
		position:relative;
		margin:0;
		padding:0;
		white-space:nowrap;
		display:-moz-inline-stack; /* for FF2*/
		display:inline-block; /* normal browsers */
		zoom:1; /* for IE (hasLayout true) */
		*display:inline; /* for IE */
		}
		.nav li.level1 a.level1, .nav li.level1 strong.level1, .nav:hover li.incrumb1 a.level1, .nav:hover li.incrumb1 strong.level1 {
			display:block;
			padding:0 16px;
			color:#fff;
			background:#8282a6;
			text-decoration:none;
		}
		.nav li.level1:hover a.level1, .nav li.level1 strong.level1, .nav li.incrumb1 a.level1, .nav:hover li.level1 a:hover.level1, .nav:hover li.level1 strong.level1:hover {
			color:#f60;
			background:#4a4a7a;
		}
		
	.nav ul.level2 {
		display:none;
		list-style:none none;
		position:absolute;
		left:0;
		top:20px;
		min-width:100%;
		margin:0;
		padding:0;
		background:#8282a6;
		z-index:1;
		}
		.nav li:hover ul.level2 { display:block; }
		.nav li.level2 {
			display:block;
			margin:0;
			padding:0;
			white-space:nowrap;
			}
			.nav a.level2, .nav strong.level2, .nav:hover a.level2, .nav:hover strong.level2 {
				display:block;
				padding:2px 16px;
				color:#fff;
				background:#8282a6;
				text-decoration:none;
			}
			.nav a.level2:hover, .nav strong.level2, .nav a.level2, .nav:hover a:hover.level2 {
				color:#f60;
				background:#4a4a7a;
			}
			.nav:hover strong.level2, .nav:hover li.incrumb2 a {
				color:#ccc;
			}
				
/* sec */

.page .struct { display:none }
	.page .struct ul { 
		list-style:none none;
		padding-left:20px;
		}
		.page .struct li { 
		}
		.page .struct label { 
			font-size:11px; 
			line-height:15px; 
			font-weight:normal;
		}

/* view */

.view { padding:20px; }

.view dt {
	font-size:12px;
	font-weight:bold;
}
.view dd {
	font-size:14px;
	margin-bottom:10px;
}

/* validation */

input.invalid { color:#f00; }

label span.invalid {
	display:block;
	color:#f00;
	margin:0;
	padding:0;
	}
	
input.cancel {
	margin:0;
	padding:0;
	border:0 none;
	text-decoration:underline;
	cursor:pointer;
	}
	input.cancel:hover {
		color:#f60;
		}
		
/* paging */

ul.paging { 
	list-style:none;
	padding:0;
	}
	ul.paging li { 
		display:inline;
		margin:0 4px;
	}

/*
Default style definitions for:

Uploadify v1.6.0
Copyright (C) 2009 by Ronnie Garcia
Co-developed by Travis Nickels
*/
.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
	float: right;
	margin:0;
}
.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}


/* jeditable */

.edit {
	color:#666;
	}
	.edit form { 
		margin:0 
		}
	.edit input, .edit button {
		margin:0 4px 0 0;
		padding:0;
	}
	.edit input {
		min-width:200px;
	}